www.gusucode.com > 简洁外贸公司电子科技产品网站源码 白色织梦企业站模板(demo38) > 简洁外贸公司电子科技产品网站源码 白色织梦企业站模板(demo38)/www6/templets/demo380958/css/header.css

    @charset "utf-8";
/* CSS Document */
/* Www.AdminBuy.Cn 做最好的织梦模板 */
#header {
	width:960px;
	height:150px;
	margin:0 auto;
	overflow:hidden;
}
#header h1 {
	width:167px;
	height:56px;
	float:left;
	margin:61px 0 0 0;
	overflow:hidden;
}
#header h1 a {
	display:block;
	width:167px;
	height:56px;
	background:url(../images/logo.png) center center no-repeat;
	text-indent:-999em;
	overflow:hidden
}
#header ul {
	float:left;
}
#nav {
	width:684px;
	height:73px;
	margin:0 0 0 20px;
	padding:60px 0px 0 13px;
	background:url(../images/nav_bg.png) center center no-repeat;
	overflow:hidden;
}
#nav li {
	float:left;
	width:94px;
	height:47px;
	font-family:"微软雅黑";
	font-size:14px;
	text-align:center;
	line-height:47px;
	position:relative;
}
#nav li a {
	display:block;
	float:left;
	width:94px;
	height:44px;
	padding:0 0 0 3px;
	position:absolute;
	top:0px;
	left:0px;
	z-index:1px;
	color:#fff;
}
#nav li span {
	display:block;
	float:left;
	width:94px;
	position:absolute;
	z-index:0;
	left:5px;
	top:1px;
	_top:0px;
	_left:4px;
	color:#336699;
	font-size:14px;
}
#nav li .sub_nav {
	width:400px;
	height:30px;
	position:absolute;
	top:40px;
	left:-80%;
	padding:7px 0 0 0;
	overflow:hidden;
	display:none;
}
#nav li .sub_nav ul {
	padding:0 0 0 10px;
	background:#eee;
}
#nav li .sub_nav li {
	width:75px;
	height:30px;
	line-height:30px;
	font-size:12px;
	text-align:left;
	float:left;
	overflow:hidden;
}
#nav li .sub_nav li a {
	color:#999;
	height:30px;
}
#nav li .sub_nav li a:hover {
	color:#3366cc;
}
#nav li:hover .sub_nav {
	display:block;
	background:url(../images/nav_li_hover.gif) 120px top no-repeat;
}
#version {
	width:41px;
	height:39px;
	margin:68px 0 0 35px;
	overflow:hidden;
}
#version li {
	height:12px;
	margin:0 0 13px 0;
	text-indent:6px;
	background:url(../images/iocn.gif) left center no-repeat;
	white-space:nowrap;
	color:#666;
}